<template>
	<view class="uv-card">
		<view class="busi-info">
			<view class="busi-info_avatar">
				<uv-avatar :size="50" :src="userInfo.userimgsrc"></uv-avatar>
			</view>
			<view class="busi-info_content">
				<view style="display: flex;">
					<block v-if="userInfo.isbusi=='1'">
						<text class="margin-right-xs">{{userInfo.realname}}</text>
					</block>
					<block v-else>
						<text class="margin-right-xs">{{userInfo.name}}</text>
					</block>
					<!-- <uv-text v-if="userInfo.isbusi=='1'" :text="`${userInfo.realname}（${userInfo.area}）`"></uv-text>
					<uv-text v-else :text="`${userInfo.name}（${userInfo.area}）`"></uv-text> -->
					<fy-user-tag v-if="userInfo.isbusi=='1'" text="认" bgcolor="#3d9eff" color="#fff"></fy-user-tag> 
					<fy-user-tag v-if="userInfo.vipnames" :text="userInfo.vipnames" bgcolor="#07C160"
						color="#fff"></fy-user-tag>
				</view>
				<view class="address margin-tb-xs">
					<image src="../../static/address.png" mode="widthFix"></image>{{userInfo.area}}
				</view>
				<view class="margin-top-xs">
					<text>在售<text class="text-red">{{userInfo.upload?userInfo.upload:0}}</text>辆 近一个月访客量<text class="text-red">{{userInfo.viewcount}}</text></text>
					<!-- <uv-text :text="`在售${userInfo.upload}辆 近一个月访客量${userInfo.viewcount}`" type="info" size="13"></uv-text> -->
				</view>
			</view>
			
			<view class="busi-info_footer">
				<uv-text text="查看店铺" type="info" suffixIcon="arrow-right" @click="tobus"></uv-text>
			</view>
		</view>

	</view>
</template>

<script>
	import { queryCarInfo, queryUserInfo } from '@/utils/http.js'
	import baseconfig from '@/config.js'
	export default {
		name: "fy-user-desc",
		props: {
			userInfo: {
				type: Object
			}
		},
		data() {
			return {

			};
		},
		computed: {

		},
		methods: {
			tobus() {
				var url_parm = `?userid=${this.userInfo.id}`
				uni.navigateTo({
					url: '/pages/shop/shop' + url_parm,
					success: () => {

					}
				})
			},
		}
	}
</script>

<style lang="scss">
	
.userInfoarea{
	padding-left: 10upx;
	margin-left: 10upx;
	margin-right: 10upx;
	font-size: 26upx;
	position: relative;
}
.address {
	color: #999;

	image {
		width: 30upx;
		height: 30upx;
		vertical-align: middle;
		margin: -6upx 10upx 0 0;
	}
}
</style>